<!DOCTYPE html>
<!-- saved from url=(0065)http://shop.tenfeiba.com/InternetOfThingsManage/service/login.php -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="Content-Language" content="zh-CN">

</head>

<body>

<div class="owin"><span style="color: #ffffff ;font-size: x-large; align-content: center;">策码奔腾科技团队</span></div>


<div align="center" class="login">


    <h2 align="center" style="color: ghostwhite"> 铁嘴物联系统管理员注册</h2>
    <br>
    <br>
    <lable style="color: ghostwhite"> 输入用户名：
    </lable>
    <input name="usernamexx" id="username"> <br>
    <br>

    <lable style="color: ghostwhite"> 输入密码：
    </lable>
    <input name="pswxx" id="pwd" type="password"><br>
    <br>
    <lable style="color: ghostwhite"> 输入手机号：
    </lable>
    <input name="usernamexx" id="phone" type="tel"> <br>
    <br>

    <button type="submit" onclick="commit()">提交注册</button>

</div>

<style>


    body {
        background-color: #1D82FE
    }

    .login {
        margin-right: 600px;
        margin-left: 600px;
        padding: 20px;
        border: 2px solid #ffffff;
        transform: translateY(1%);
    }

    .owin {
        padding-top: 25px;
        text-align: center;
        width: 200px;
        height: 60px;
        background-color: #000000;

        margin: 50px auto;
        -webkit-animation: rotateplane 3.2s infinite ease-in-out;
        animation: rotateplane 3.2s infinite ease-in-out;
    }

    @-webkit-keyframes rotateplane {
        0% {
            -webkit-transform: perspective(120px)
        }
        50% {
            -webkit-transform: perspective(120px) rotateY(180deg)
        }
        100% {
            -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
        }
    }

    @keyframes rotateplane {
        0% {
            transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
        }
        50% {
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
        }
        100% {
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        }
    }

    body {
        background-image: url(img/vv.jpg);
    }
</style>


<script src="jquery-3.3.1.min.js"></script>
<script src="Concant.js"></script>
<script>
    /**
     * 注册逻辑
     */
    function commit() {

        var username1 = document.getElementById("username").value;
        var psw1 = document.getElementById("pwd").value;
        var phone1 = document.getElementById("phone").value;

        $.ajax({
            type: "GET",
            async: false,
            url: MANAGERREGISTERURL + "?username=" + username1 + "&pwd=" + psw1 + "&phone=" + phone1 + "",
            dataType: "json",
            success: function (json) {
                var rest = eval(json);
                alert(rest["msg"])
            },
            error: function (data) {
                alert("连接错误...")
            }
        });


    }


</script>


</body>
</html>